<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script>
    window.onload = function () {
        var btn = document.getElementById("getTime");
        btn.onclick = function () {
            // 发送 AJAX 请求
            // 创建 AJAX 对象
            var ajax = new XMLHttpRequest();
            // 设置发送请求的方式与地址
            ajax.open("get", "/gettime.do");
            // 给 ajax 对象绑定一个状态改成的函数
            ajax.onreadystatechange = function () {
                console.log(ajax.readyState);
                if (ajax.readyState == 4) { // 代表响应完
                    if (ajax.status == 200) {
                        // 使用 DOM 操作把服务器响应回浏览器的数据显示在页面
                        var data = JSON.parse(ajax.responseText);
                        document.getElementById('result').innerHTML = data.msg;
                    } else if (ajax.status == 404) {
                        alert("您有病");
                    } else if (ajax.status == 500) {
                        alert("服务器有病");
                    } else {
                        alert("联系网站管理员");
                    }

                }
            };
            // 发送请求
            ajax.send();
        }
    }
</script>
<body>
    <span id="result"></span><br/>
    <input type="text" name="username"><br/>
    <button id="getTime">获取时间</button>
</body>
</html>